<template>
    <div class="content-container">
      <h2>随身携带行李</h2>
      <p>
        每位乘客（婴儿除外）可随身携带的行李规定如下，旅行前请您查看与随身行李额度以及哪些物品可随身携带的所有相关信息。
      </p>
      <el-table :data="tableData" style="width: 100%">
        <el-table-column prop="flightType" label="航班类型" width="180"></el-table-column>
        <el-table-column prop="seatClass" label="搭乘舱位" width="180"></el-table-column>
        <el-table-column prop="quantityLimit" label="行李数量限制" width="180"></el-table-column>
        <el-table-column prop="weightLimit" label="重量限制（每件）" width="180"></el-table-column>
        <el-table-column prop="dimensions" label="携带物品体积" width="200">
          <template #default="scope">
            <div v-html="scope.row.dimensions"></div>
          </template>
        </el-table-column>
      </el-table>
      
      <div>
        <h3>携带婴儿的旅客在您的上述手提行李额度之外，您还可以免携带以下随身物品:</h3>
        <ol>
          <li>旅途中婴儿需用的食物、尿布等婴儿用品。</li>
          <li>一辆可完全折叠的婴儿推车或婴儿提篮。</li>
          <li>一台婴儿儿童安全座椅/婴儿固定装置（占座使用）。</li>
        </ol>
        <p>温馨提示：机场安全检查部门可能会根据安保情况调整随身携带物品的范围，请您予以配合。</p>
      </div>
      
      <div>
        <h3>液态物品:</h3>
        <ol>
          <li>旅客乘坐国际、地区航班时，液态物品应当盛放在单体容器容积不超过100ml的容器内随身携带，与此同时盛放液态物品的容器应置于最大容积不超过1L、可重新封口的透明塑料袋中，每名旅客每次仅允许携带一个透明塑料袋，超出部分应该作为行李托运；</li>
          <li>旅客乘坐国内航班时，液态物品禁止随身携带（航空旅行途中自用的化妆品、牙膏及剃须膏除外）。航空旅行途中自用的化妆品必须同时满足三个条件（每种限带一件、盛放在单体容器容积不超过100mL的容器内、接受开瓶检查）方可随身携带，牙膏及剃须膏每种限带一件且不得超过100g(ml)。旅客在同一机场控制区内由国际、地区航班转乘国内航班时，其随身携带入境的免税液态物品必须同时满足三个条件（出示购物凭证、置于已封口且完好无损的透明塑料袋中、经安全检查确认）方可随身携带，如果在转乘国内航班过程中离开机场控制区则必须将随身携带入境的免税液态物品作为行李托运；</li>
          <li>婴儿航空旅行途中必需的液态乳制品、糖尿病或者其他疾病患者航空旅行途中必需的液态药品，经安全检查确认后方可随身携带；</li>
          <li>旅客在机场控制区、航空器内购买或者取得的液态物品在离开机场控制区之前可以随身携带。</li>
          <br><br><br><br><br>
        </ol>
      </div>
    </div>
  </template>
  
  <script setup>
  import { ref } from 'vue';
  
  const tableData = ref([
    {
      flightType: '国内航班',
      seatClass: '头等舱',
      quantityLimit: '2',
      weightLimit: '≤10kg',
      dimensions: 'A≤55CM(21.6英寸)<br>B≤40CM(15.8英寸)<br>C≤20CM(7.9英寸)'
    },
    {
      flightType: '国内航班',
      seatClass: '豪华公商务舱、商务舱、超级经济舱、经济舱',
      quantityLimit: '1',
      weightLimit: '≤8kg',
      dimensions: 'A≤55CM(21.6英寸)<br>B≤40CM(15.8英寸)<br>C≤20CM(7.9英寸)'
    },
    {
      flightType: '国际或地区航班',
      seatClass: '头等舱',
      quantityLimit: '2',
      weightLimit: '≤10kg',
      dimensions: 'A≤56CM(22.0英寸)<br>B≤45CM(17.7英寸)<br>C≤25CM(9.8英寸)<br>A+B+C≤115CM(45英寸)'
    },
    {
      flightType: '国际或地区航班',
      seatClass: '豪华公商务舱、商务舱、超级经济舱、经济舱',
      quantityLimit: '1',
      weightLimit: '≤8kg',
      dimensions: 'A≤56CM(22.0英寸)<br>B≤45CM(17.7英寸)<br>C≤25CM(9.8英寸)<br>A+B+C≤115CM(45英寸)'
    }
  ]);
  </script>
  
  <style scoped>
  .content-container {
    max-height: 100vh;
    overflow-y: auto;
    text-align: left;
  }
  h2 {
    font-size: 20px;
    margin-bottom: 10px;
  }
  h3 {
    font-size: 16px;
    margin-top: 20px;
  }
  p, ol {
    margin-bottom: 10px;
  }
  ol {
    padding-left: 20px;
  }
  </style>
  